<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> 
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<!DOCTYPE html>
<html>
<%
request.setCharacterEncoding("utf-8");
%>
	<head>
		
		<title>Bootstrap 3, from LayoutIt!</title>
		
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<!--link rel="stylesheet/less" href="less/bootstrap.less" type="text/css" /-->
		<!--link rel="stylesheet/less" href="less/responsive.less" type="text/css" /-->
		<!--script src="js/less-1.3.3.min.js"></script-->
		<!--append ‘#!watch’ to the browser URL, then refresh the page. -->

		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link href="css/style.css" rel="stylesheet">

		<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
		<!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
  <![endif]-->

		<!-- Fav and touch icons -->
		<link rel="apple-touch-icon-precomposed" sizes="144x144"
			href="img/apple-touch-icon-144-precomposed.png">
		<link rel="apple-touch-icon-precomposed" sizes="114x114"
			href="img/apple-touch-icon-114-precomposed.png">
		<link rel="apple-touch-icon-precomposed" sizes="72x72"
			href="img/apple-touch-icon-72-precomposed.png">
		<link rel="apple-touch-icon-precomposed"
			href="img/apple-touch-icon-57-precomposed.png">
		<link rel="shortcut icon" href="img/favicon.png">

		<script type="text/javascript" src="js/jquery.min.js">
</script>
		<script type="text/javascript" src="js/bootstrap.min.js">
</script>
		<script type="text/javascript" src="js/scripts.js">
</script>
	</head>

	<body>
		<div class="container">
			<div class="row clearfix">&nbsp; 
				<jsp:include page="nav.jsp" />
				<div class="col-md-12 column">
					<div class="row clearfix">
						<div class="col-md-8 column">
							<br />
							<div class="row clearfix">

								<div class="col-md-6 column">
									<img alt="140x140" src="http://lorempixel.com/140/140/"
										class="img-rounded">
								</div>
								<br />
								<div class="col-md-6 column">
									<img alt="140x140" src="http://lorempixel.com/140/140/"
										class="img-rounded">
								</div>
							</div>
							<div class="row clearfix">
								<div class="col-md-6 column">
									<img alt="140x140" src="http://lorempixel.com/140/140/">
								</div>
								<br />
								<div class="col-md-6 column">
									<img alt="140x140" src="http://lorempixel.com/140/140/">
								</div>
							</div>
						</div>
						<div class="col-md-4 column">
							<div class="tabbable" id="tabs-105155">
							<div id="login-error">${error}</div>
								<ul class="nav nav-tabs">
									<li class="active">
										<a href="#panel-518003" data-toggle="tab">登陆</a>
									</li>
									<li>
										<a href="#panel-262642" data-toggle="tab">注册</a>
									</li>
								</ul>
								<div class="tab-content">
									<div class="tab-pane active" id="panel-518003">
										<form role="form" action="./j_spring_security_check" method="post">
											<div class="form-group">
												<label for="exampleInputEmail1">
													学号
												</label>
												<input type="text" class="form-control"
													id="exampleInputEmail1" name="j_username">
											</div>
											<div class="form-group">
												<label for="exampleInputPassword1">
													密码
												</label>
												<input type="password" class="form-control"
													id="exampleInputPassword1" name="j_password">
											</div>
											<div class="form-group">

												<p class="help-block">
													若您未拥有账号，请进入注册页面。
												</p>
											</div>
											<div class="checkbox">
												<label>
													<input type="checkbox">
													Check me out
												</label>
											</div>
											<button type="submit" class="btn btn-default">
												登陆
											</button>
											<button type="reset" class="btn btn-default">
												重置
											</button>
										</form>
									</div>
									<div class="tab-pane" id="panel-262642">
										<form role="form" action="register.action" method="post">
											<div class="form-group">
												<label for="exampleInputEmail1">
													学号
												</label>
												<input type="text" class="form-control"
													id="exampleInputEmail1" name="code">
											</div>
											<div class="form-group">
												<label for="exampleInputEmail1">
													用户名
												</label>
												<input type="text" class="form-control"
													id="exampleInputEmail1" name="userName">
											</div>
											<div class="form-group">
												<label for="exampleInputPassword1">
													密码
												</label>
												<input type="password" class="form-control"
													id="exampleInputPassword1" name="password">
											</div>
											<div class="form-group">
												<label for="exampleInputPassword1">
													确认密码
												</label>
												<input type="password" class="form-control"
													id="exampleInputPassword1" name="repassword">
											</div>
											<div class="input-group">
												<label for="exampleInputPassword1">
													性别
												</label>
											</div>
											<div class="input-group">

												<span class="input-group-addon"> 
												<input type="radio"
														name="sex" value="1">男 
												</span>
												<span class="input-group-addon"> 
												<input type="radio"
														name="sex" value="0">女
												</span>
											</div>
											<br />
											<button type="submit" class="btn btn-default">
												注册
											</button>
											<button type="reset" class="btn btn-default">
												重置
											</button>
										</form>
									</div>
								</div>
							</div>

						</div>
					</div>
				</div>
			</div>
			<jsp:include page="foot.jsp" />
		</div>
	</body>
</html>
